<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
<head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <title>Pagina personal</title>
        
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js" type="application/javascript"></script>
<script type="text/javascript" src="js/cookie.js"></script>   
<script src="js/mootools-1.2.2.js" type="text/javascript"></script>
<script src="http://code.jquery.com/ui/1.10.0/jquery-ui.js"></script>

 <link href="css/style.css" rel="stylesheet" type="text/css">
        
        <link href="css/inettuts.css" rel="stylesheet" type="text/css" />
        
<!--EFECTO ACORDEON PARA LOS EMAILS CARGADOS-->
<script type="text/javascript">
jQuery.noConflict();
function efecto() {
var togglers = $$('div.toggler');
if(togglers.length) var gmail = new Fx.Accordion(togglers,$$('div.body'));
togglers.addEvent('click',function() { this.addClass('read').removeClass('unread'); });
togglers[0].fireEvent('click'); //first one starts out read
};
</script>

<!--CARGAR TODOS LOS CORREOS Y EL RESTO DE FUNCIONES-->
<script type="text/javascript">
 
 	jQuery.noConflict();

			//LLAMADA A TODAS LAS FUNCIONES PARA QUE SE EJECUTEN CUANDO EL DOCUMENTO ESTE LISTO
    jQuery(document).ready(function(e) {      
             cargarEmails(); 
			// cargarCalendario(); // Si cargo el Calendario deja de funcionar el efecto Mootools de los Emails
			 cargarTiempo(); 
			 cargarFavoritos();
			 cargarMensajes(); //Cargar mensajes personales
   });
 
    function cargarEmails()
    { 	
			var usuario = nameCookie('Erabiltzailea');
		jQuery.noConflict();		
         var mezuak =  jQuery.ajax({
                url:'php/correogmail.php?usuario='+usuario, //documento PHP
                success:function(d){
				//Donde escribir el contenido de lo que devuelve el fichero PHP
                        jQuery('#correo').html(d);
						efecto(); //llamar a la funcion de FUNCION.JS
                    },            
                }) 
				if (mezuak.readyState==1){
					jQuery('#correo').html("<img src='img/cargando.gif' width='30' height='30'></img>");
	}				
    }
	
</script>


<!--CARGAR FAVORITOS-->
<script type="text/javascript">
 
    function cargarFavoritos()
    { 	
			var usuario = nameCookie('Erabiltzailea');		
            var favoritos =  jQuery.ajax({
                url:'php/favoritos.php?usuario='+usuario, //documento PHP
                success:function(d){
				//Donde escribir el contenido de lo que devuelve el fichero PHP
                        jQuery('#favoritos').html(d);
                    },            
                }) 
				if (favoritos.readyState==1){
					jQuery('#favoritos').html("<img src='img/cargando.gif' width='30' height='30'></img>");
	}				
    }
	
</script>

<!--AGREGAR FAVORITO-->
<script>
function agregarFavorito(usuario, nombre, url){
				
				var nombre=document.getElementById("nombre");
				var url=document.getElementById("url");
				
				var xmlhttp;
                if (window.XMLHttpRequest)
                {// code for IE7+, Firefox, Chrome, Opera, Safari
                    xmlhttp=new XMLHttpRequest();
                }
                else
                 {// code for IE6, IE5
                     xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
                 }
            xmlhttp.onreadystatechange=function()
             {
                if (xmlhttp.readyState==4 && xmlhttp.status==200)
                 {
					alert(innerHTML=xmlhttp.responseText);
					cargarFavoritos(); //llama a la funcion , para solo cargar esta parte y no toda la p                  
                 }
               }
            xmlhttp.open("GET","php/agregarfavoritos.php?usuario="+usuario.value+"&nombre="+nombre.value+"&url="+url.value,true);
            xmlhttp.send();			
			}
</script>

<!--CONTAR FAVORITO-->
<script>
function contarFavorito(favorito){
				var xmlhttp;
                if (window.XMLHttpRequest)
                {// code for IE7+, Firefox, Chrome, Opera, Safari
                    xmlhttp=new XMLHttpRequest();
                }
                else
                 {// code for IE6, IE5
                     xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
                 }
            xmlhttp.onreadystatechange=function()
             {
                if (xmlhttp.readyState==4 && xmlhttp.status==200)
                 {
					//alert(innerHTML=xmlhttp.responseText);
					cargarFavoritos(); //llama a la funcion , para solo cargar esta parte y no toda la p                  
                 }
               }
            xmlhttp.open("GET","php/contarfavorito.php?favorito="+favorito,true);
            xmlhttp.send();			
			}
</script>

<!--ELIMINAR FAVORITO-->
<script>
function eliminarFavorito(favorito){
		
				var xmlhttp;
                if (window.XMLHttpRequest)
                {// code for IE7+, Firefox, Chrome, Opera, Safari
                    xmlhttp=new XMLHttpRequest();
                }
                else
                 {// code for IE6, IE5
                     xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
                 }
            xmlhttp.onreadystatechange=function()
             {
                if (xmlhttp.readyState==4 && xmlhttp.status==200)
                 {
					//alert(innerHTML=xmlhttp.responseText);
					cargarFavoritos(); //llama a la funcion , para solo cargar esta parte y no toda la p                  
                 }
               }
            xmlhttp.open("GET","php/eliminarfavorito.php?favorito="+favorito,true);
            xmlhttp.send();			
			}
</script>

<!--CARGAR EL TIEMPO-->
<script type="text/javascript">

    function cargarTiempo()
    { 	
			var usuario = nameCookie('Erabiltzailea');		
         var tiempo =  jQuery.ajax({
                url:'php/eltiempo.php?usuario='+usuario, //documento PHP
                success:function(d){
				//Donde escribir el contenido de lo que devuelve el fichero PHP
                        jQuery('#weather').html(d);
                    },            
                }) 
				if (tiempo.readyState==1){
					jQuery('#weather').html("<img src='img/cargando.gif' width='30' height='30'></img>");
	}
				
    }
	
</script>
<!--CONFIGURAR EL TIEMPO-->
<script>
function configurarTiempo(usuario, pueblo){
				
				var pueblo=document.getElementById("pueblo");
				
				var xmlhttp;
                if (window.XMLHttpRequest)
                {// code for IE7+, Firefox, Chrome, Opera, Safari
                    xmlhttp=new XMLHttpRequest();
                }
                else
                 {// code for IE6, IE5
                     xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
                 }
            xmlhttp.onreadystatechange=function()
             {
                if (xmlhttp.readyState==4 && xmlhttp.status==200)
                 {
					alert(innerHTML=xmlhttp.responseText);
					cargarTiempo(); //llama a la funcion , para solo cargar esta parte y no toda la p                  
                 }
               }
            xmlhttp.open("GET","php/configurartiempo.php?usuario="+usuario.value+"&pueblo="+pueblo.value,true);
            xmlhttp.send();			
			}
</script>


<!--CONFIGURAR CORREO ELECTRONICO-->
<script>
function configurarEmail(email, password, usuario){
				
				var email=document.getElementById("email");
				var password=document.getElementById("password");
				
				var xmlhttp;
                if (window.XMLHttpRequest)
                {// code for IE7+, Firefox, Chrome, Opera, Safari
                    xmlhttp=new XMLHttpRequest();
                }
                else
                 {// code for IE6, IE5
                     xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
                 }
            xmlhttp.onreadystatechange=function()
             {
                if (xmlhttp.readyState==4 && xmlhttp.status==200)
                 {
					alert(innerHTML=xmlhttp.responseText);
					//location.reload();
					cargarEmails(); //llama a la funcion , para solo cargar esta parte y no toda la pagina
                   // document.getElementById().innerHTML=xmlhttp.responseText;	                     
                 }
               }
            xmlhttp.open("GET","php/configuraremail.php?usuario="+usuario.value+"&email="+email.value+"&password="+password.value,true);
            xmlhttp.send();			
			}
</script>

<!--CARGAR CALENDARIO-->
<script type="text/javascript">
 
	function cargarCalendario(){
				
				var usuario = nameCookie('Erabiltzailea');	
				var xmlhttp;
                if (window.XMLHttpRequest)
                {// code for IE7+, Firefox, Chrome, Opera, Safari
                    xmlhttp=new XMLHttpRequest();
                }
                else
                 {// code for IE6, IE5
                     xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
                 }
            xmlhttp.onreadystatechange=function()
             {
                if (xmlhttp.readyState==4 && xmlhttp.status==200)
                 {
					 jQuery('#calendario').html(xmlhttp.responseText);
					//alert(xmlhttp.responseText);                 
                 }
				 if (xmlhttp.readyState==1){
					jQuery('#calendario').html("<img src='img/cargando.gif' width='30' height='30'></img>");
				 }
               }

            xmlhttp.open("GET","php/calendario.php?usuario="+usuario,true);
            xmlhttp.send();			
			}
</script>
 
 <!--CARGAR MENSAJES PERSONALES-->
<script type="text/javascript">
 
	function cargarMensajes(){
				
				var usuario = nameCookie('Erabiltzailea');	
				var xmlhttp;
                if (window.XMLHttpRequest)
                {// code for IE7+, Firefox, Chrome, Opera, Safari
                    xmlhttp=new XMLHttpRequest();
                }
                else
                 {// code for IE6, IE5
                     xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
                 }
            xmlhttp.onreadystatechange=function()
             {
                if (xmlhttp.readyState==4 && xmlhttp.status==200)
                 {
					 jQuery('#mensajes').html(xmlhttp.responseText);
					//alert(xmlhttp.responseText);                 
                 }
				 if (xmlhttp.readyState==1){
					jQuery('#mensajes').html("<img src='img/cargando.gif' width='30' height='30'></img>");
				 }
               }

            xmlhttp.open("GET","php/mensajes.php?usuario="+usuario,true);
            xmlhttp.send();			
			}
</script>

<!--CARGAR MENSAJES NUEVOS, SIN LEER-->
<script type="text/javascript">
 
	function mensajesSinLeer(){
				
				var usuario = nameCookie('Erabiltzailea');	
				var xmlhttp;
                if (window.XMLHttpRequest)
                {// code for IE7+, Firefox, Chrome, Opera, Safari
                    xmlhttp=new XMLHttpRequest();
                }
                else
                 {// code for IE6, IE5
                     xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
                 }
            xmlhttp.onreadystatechange=function()
             {
                if (xmlhttp.readyState==4 && xmlhttp.status==200)
                 {
					 jQuery('#mensajes').html(xmlhttp.responseText);
					//alert(xmlhttp.responseText);                 
                 }
				 if (xmlhttp.readyState==1){
					jQuery('#mensajes').html("<img src='img/cargando.gif' width='30' height='30'></img>");
				 }
               }

            xmlhttp.open("GET","php/mensajesinleer.php?usuario="+usuario,true);
            xmlhttp.send();			
			}
</script>

<!--CARGAR MENSAJES NUEVOS, SIN LEER-->
<script type="text/javascript">
 
	function mensajesTodos(){
				
				var usuario = nameCookie('Erabiltzailea');	
				var xmlhttp;
                if (window.XMLHttpRequest)
                {// code for IE7+, Firefox, Chrome, Opera, Safari
                    xmlhttp=new XMLHttpRequest();
                }
                else
                 {// code for IE6, IE5
                     xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
                 }
            xmlhttp.onreadystatechange=function()
             {
                if (xmlhttp.readyState==4 && xmlhttp.status==200)
                 {
					 jQuery('#mensajes').html(xmlhttp.responseText);
					//alert(xmlhttp.responseText);                 
                 }
				 if (xmlhttp.readyState==1){
					jQuery('#mensajes').html("<img src='img/cargando.gif' width='30' height='30'></img>");
				 }
               }

            xmlhttp.open("GET","php/mensajestodos.php?usuario="+usuario,true);
            xmlhttp.send();			
			}
</script>

<!--ENVIAR MENSAJE PERSONAL-->
<script>
function enviarMensaje(usuario, receptor, asunto, mensaje){
				
				var receptor=document.getElementById("receptor");
				var asunto=document.getElementById("asunto");
				var mensaje=document.getElementById("mensaje");
				
				var xmlhttp;
                if (window.XMLHttpRequest)
                {// code for IE7+, Firefox, Chrome, Opera, Safari
                    xmlhttp=new XMLHttpRequest();
                }
                else
                 {// code for IE6, IE5
                     xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
                 }
            xmlhttp.onreadystatechange=function()
             {
                if (xmlhttp.readyState==4 && xmlhttp.status==200)
                 {
					alert(innerHTML=xmlhttp.responseText);                 
                 }
               }
            xmlhttp.open("GET","php/guardarmensaje.php?usuario="+usuario.value+"&receptor="+receptor.value+"&asunto="+asunto.value+"&mensaje="+mensaje.value,true);
            xmlhttp.send();			
			}
</script>
 
<!--EDITAR CONFIGURACION PERSONAL-->
<script>
function configuracion(){
	
				var usuario = nameCookie('Erabiltzailea');	
				var xmlhttp;
                if (window.XMLHttpRequest)
                {// code for IE7+, Firefox, Chrome, Opera, Safari
                    xmlhttp=new XMLHttpRequest();
                }
                else
                 {// code for IE6, IE5
                     xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
                 }
            xmlhttp.onreadystatechange=function()
             {
                if (xmlhttp.readyState==4 && xmlhttp.status==200)
                 {
					 //alert(xmlhttp.responseText);
					 jQuery('#correo').html(xmlhttp.responseText);
					//alert(xmlhttp.responseText);                 
                 }
				 if (xmlhttp.readyState==1){
					jQuery('#correo').html("<img src='img/cargando.gif' width='30' height='30'></img>");
				 }
               }
            xmlhttp.open("GET","php/configuracion.php?usuario="+usuario,true);
            xmlhttp.send();			
			}
</script>

<script>
 jQuery(function() {
jQuery( "#mover1" ).draggable();
jQuery( "#mover2" ).draggable();
jQuery( "#mover3" ).draggable();
jQuery( "#mover4" ).draggable();
jQuery( "#mover5" ).draggable();
});
</script>

<script>
/*jQuery(function() {
	jQuery('#mover1').mouseover(function() {  
	//document.load("js/mootools-1.2.2.js");
	jQuery.getScript("js/mootools-1.2.2.js");
  		//load.getScript("js/mootools-1.2.2.js");  
alert("buu");
});
});*/
</script>
</head>
<body onLoad="getCookie('Erabiltzailea')" class="oculto">
    
<div id="cabecera">
        <h1> Bienvenido a tu pagina personal <br /></h1>
        <div id="sesion" align="right"> </div>
        <div id="botones" align="left" class="cab2"> 
        <a href="javascript: configuracion()">Editar configuracion personal </a></div>
</div>

    <div id="columns">

        <ul id="column1" class="column">
        	<div id="mover1">
            <li class="widget color-blue">  
                <div class="widget-head">
                    <h3>Correo</h3>
                </div>
                <div class="widget-content">
                    <div id="correo">
						</div> <!--Cierre correo-->
                </div>
            </li>
            </div>
            <div id="mover2">
            <li class="widget color-yellow">  
                <div class="widget-head">
                    <h3>Calendario</h3>
                </div>
                <div class="widget-content"><a href="Javascript:cargarCalendario()">cargar</a>
						<div id="calendario">
					    </div> <!--Cierre calendario-->
                       <br /> <br /> <br />
                </div>
            </li>
            </div>
        </ul>
        
        <ul id="column2" class="column">
        	<div id="mover3">
            <li class="widget color-orange">  
                <div class="widget-head">
                    <h3>Favoritos</h3>
                </div>
                <div class="widget-content">
                   <div id="favoritos">
						</div> <!--Cierre favoritos-->
                </div>
            </li>
            </div>
            <div id="mover4">
             <li class="widget color-green">  
                <div class="widget-head">
                    <h3>Mensajes personales</h3>
                </div>
                <div class="widget-content">
                    <div id="mensajes">
						</div> <!--Cierre mensajes-->
                </div>
            </li>
            </div>
            <div id="mover5">
            <li class="widget color-white">  
                <div class="widget-head">
                    <h3>El Tiempo</h3>
                </div>
                <div class="widget-content">
                    <div id="weather">
				<span id="loca"></span>
				<span id="temp"></span>
				<span id="irud"></span>
					</div> <!--Cierre weather-->
                </div>
            </li>
            </div>
        </ul>
        
    </div>
    
    
         <!-- SI ACTIVO ESTA LINEA NO SE CARGA EL TIEMPO, PERO SI NO ESTA ACTIVADA NO SE MUEVEN LOS CUADROS
         
<script type="text/javascript" src="http://jqueryjs.googlecode.com/files/jquery-1.2.6.min.js"></script> -->

    	<script type="text/javascript" src="js/jquery-ui-personalized-1.6rc2.min.js"></script>
    <script type="text/javascript" src="js/inettuts.js"></script>
    
    

</body>
</html>